<!DOCTYPE html>
<html>
  
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <title>Frutella</title>
    <link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./assets/animate.css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="./assets/fontawesome/css/all.min.css" rel="stylesheet" type="text/css">
    <link href="./assets/slick/slick.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet" type="text/css">
    <link href="./assets/css/theme.min.css" rel="stylesheet" type="text/css"></head>
  
  <body class="body">
    <div class="page-loader cube-loader">
      <div class="loader-wrap">
        <div class="loader-1 loader-element"></div>
        <div class="loader-2 loader-element"></div>
        <div class="loader-4 loader-element"></div>
        <div class="loader-3 loader-element"></div>
      </div>
    </div>
<header class="header-colorfull header-horizontal header-over header-view-side">
      <div class="container">
        <nav class="navbar">
          <a class="navbar-brand" href="indextest.html">
            <span class="logo-element-line">
              <span class="logo-icon">
                <span class="svg-content svg-fill-theme" data-svg="./assets/images/svg/logo-part.svg"></span>
              </span>
              <span class="logo-text" style="font-weight:bold">乐淘淘线上购物管理系统</span></span>
          </a>
          <button class="navbar-toggler" type="button">
            <i class="fas fa-bars nav-show"></i>
            <i class="fas fa-times nav-hide"></i>
          </button>
          <div class="navbar-collapse">
            <div class="container">
              <ul class="navbar-nav" >
                <li class="nav-item  nav-hover-show-sub" style="cursor: pointer;">
                  <a class="nav-link" onclick="window.location.href='zhanghu.html'" data-role="nav-toggler" style="font-weight:bold">个人中心
				 
    
                <li class="nav-item nav-item-arrow-down nav-hover-show-sub" style="cursor: pointer;">
                  <a class="nav-link"  data-role="nav-toggler" style="font-weight:bold">相关页面
                    <span class="nav-arrow">
                      <i class="fas fa-chevron-down"></i></span>
                  </a>
                  <ul class="collapse nav">
                    <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
						
					<li class="nav-item nav-item-arrow-down nav-hover-show-sub">
					  <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">我要打卡
					    <span class="nav-arrow">
					      <i class="fas fa-chevron-down"></i></span>
					  </a>
					  <ul class="collapse nav">
					    <li class="nav-item">
					      <a class="nav-link" href="sign.html" style="font-weight:bold">打卡滴滴</a></li>
					  </ul>
					</li>	
						
					<li class="nav-item nav-item-arrow-down nav-hover-show-sub">
					  <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">关于我们
					    <span class="nav-arrow">
					      <i class="fas fa-chevron-down"></i></span>
					  </a>
					  <ul class="collapse nav">
					    <li class="nav-item">
					      <a class="nav-link" href="about-us-alt.html" style="font-weight:bold">"我们"的简介</a></li>
					  </ul>
					</li>
					
					<li class="nav-item nav-item-arrow-down nav-hover-show-sub">
					  <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">盈销情况
					    <span class="nav-arrow">
					      <i class="fas fa-chevron-down"></i></span>
					  </a>
					  <ul class="collapse nav">
					    <li class="nav-item">
					      <a class="nav-link" href="yingxiao.html" style="font-weight:bold">盈销记录</a></li>
					  </ul>
					</li>
					
                    <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                      <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">推荐好文
                        <span class="nav-arrow">
                          <i class="fas fa-chevron-down"></i></span>
                      </a>
                      <ul class="collapse nav">
                        <li class="nav-item">
                          <a class="nav-link" href="article-sidebar-right.html" style="font-weight:bold">每日推荐</a></li>
                      </ul>
                    </li>
					

					
                    <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                      <a class="nav-link" href="#" data-role="nav-toggler" style="font-weight:bold">商品管理
                        <span class="nav-arrow">
                          <i class="fas fa-chevron-down"></i></span>
                      </a>
                      <ul class="collapse nav">
                        <li class="nav-item">
                          <a class="nav-link" href="shop-sidebar-right.html"  style="font-weight:bold">总览购买页</a></li>
                        <li class="nav-item">
                          <a class="nav-link" href="shop-product-sidebar-right.html"  style="font-weight:bold">商品介绍页</a></li>
                      </ul>
                    </li>

                  </ul>
                </li>
                <li class="nav-item">
                  <a class="nav-link" href="shop-sidebar-right.html" style="font-weight:bold">购物商店</a></li>
                <li class="nav-item">
                  <a class="nav-link" href="blog-alt-sidebar-right.html" style="font-weight:bold">博客列表</a></li>
                <li class="nav-item">
                  <a class="nav-link" href="contact-us.html" style="font-weight:bold">联系我们</a></li>
              </ul>
              <div class="navbar-extra">
                <ul class="actions-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="#">
                      <i class="fas fa-search"></i>
                      <span class="navbar-mobile">&nbsp;&nbsp;淘一下</span></a>
                  </li>
                  <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                    <a class="nav-link" href="shop-sidebar-right.html" style="font-weight:bold;font-size: 1rem;">购&nbsp;物
                      <span class="nav-arrow">
                        <i class="fas fa-chevron-down"></i></span>
                    </a>
                    <ul class="collapse nav">
                      <li class="nav-item">
                        <a class="nav-link" href="shop-sidebar-right.html" style="font-weight:bold">购&nbsp;物</a></li>
                      <li class="nav-item">
                        <a class="nav-link" href="blog-alt-sidebar-right.html" style="font-weight:bold">博&nbsp;客</a></li>
                    </ul>
                  </li>
                  <li class="nav-item nav-item-arrow-down nav-hover-show-sub">
                    <a class="nav-link" href="#" data-role="nav-toggler"  style="font-weight:bold;font-size: 1rem;">水果
                      <span class="nav-arrow">
                        <i class="fas fa-chevron-down"></i></span>
                    </a>
                    <ul class="collapse nav">
                      <li class="nav-item">
                        <a class="nav-link" href="#">水&nbsp;&nbsp;果</a></li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">水 果 蔬 菜</a></li>
                      <li class="nav-item">
                        <a class="nav-link" href="#">蔬 菜</a></li>
                    </ul>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="login.html"  style="font-weight:bold;font-size: 1rem;">
                      <i class="fas fa-user"></i>&nbsp;&nbsp;退 出</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="orderList1.html">
                      <i class="fas fa-shopping-bag"></i>
                      <span class="navbar-mobile">&nbsp;&nbsp;Cart</span>
                      <span class="cart-quantity">
                        <span class="badge badge-pill badge-cart">3</span></span>
                    </a>
                  </li>
                </ul>
                <div class="navbar-info">
                  <div class="navbar-info-title">We are the student of</div>
                  <div class="navbar-info-value">C W N U</div></div>
              </div>
            </div>
          </div>
        </nav>
      </div>
    </header>
  <section class="after-head top-block-page with-back white-curve-after section-white-text">
      <div class="overflow-back bg-theme"></div>
      <div class="content-offs-stick my-5 container">
        <div class="section-solid with-back">
          <div class="full-block">
            <div class="section-back-text">Blog</div>
            <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/rasberry-multiple.png" alt="" data-size="232px" data-at="10%;bottom 35%">
            <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/avocado-blur.png" alt="" data-size="196px" data-at="right 5%;35%">
            <img class="d-none d-lg-block z-index-3" src="./assets/images/content/x/shpinat-2.png" alt="" data-size="50px" data-at="65%;0%;-25deg"></div>
          <div class="z-index-4 position-relative text-center">
            <h1 class="section-title">All About Pudding</h1>
            <div class="mt-3">
              <div class="page-breadcrumbs">
                <a class="content-link" href="homepage-1.html">Home</a>
                <span class="mx-2">\</span>
                <a class="content-link" href="#">Blog</a>
                <span class="mx-2">\</span>
                <span>Article</span></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <div class="container">
      <div class="sidebar-container">
        <div class="content">
          <section class="section">
            <div class="entity">
              <div class="entity-image">
                <img class="w-100 mw-100" src="./assets/images/content/x/bananas-carrots-cherries-2645371.jpg" alt=""></div>
              <div class="entity-info-list">
                <div class="row">
                  <div class="col-12 col-md-auto">
                    <div class="entity-date">5 mar 2020</div></div>
                  <div class="col-12 col-md">
                    <div class="entity-categories">
                      <a href="article-sidebar-right.html">food</a>,
                      <a href="article-sidebar-right.html">organic</a>,
                      <a href="article-sidebar-right.html">fantasy</a></div>
                  </div>
                  <div class="col-12 col-md-auto">
                    <div class="entity-info">
                      <span class="entity-info-item">
                        <span class="entity-info-item-value">0</span>
                        <span class="entity-info-item-title">Likes</span></span>/
                      <span class="entity-info-item">
                        <span class="entity-info-item-value">0</span>
                        <span class="entity-info-item-title">Share</span></span>/
                      <span class="entity-info-item">
                        <span class="entity-info-item-value">1</span>
                        <span class="entity-info-item-title">Comments</span></span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="entity-body">
                <p>布丁是一道传统的英式菜肴，按照“烤箱里有什么，桌上有剑”的原则制作。它由任何东西制成：从肉到巧克力。英国人会称几乎所有的果冻状布丁。</p>
                <p>在俄罗斯，他们最近才了解到布丁。在我们看来，这首先是一种开胃甜点，同时类似于果冻和酸奶。我们习惯于购买现成的或由特殊混合物制成的。</p>
                <p>然而，最初它远不是一道甜而不好吃的菜。根据一个版本，布丁是用肉汤上的燕麦片制成的。烹饪后，立即将李子、蜂蜜、坚果、面包屑加入其中，并在高温下食用。</p>
                <p>最有可能的是，有两种类型的“普拉布丁”，但随着时间的推移，英国人更喜欢甜味的版本。这道独特菜肴的成分逐渐改变，随着时间的推移，布丁变成了一道面粉、脂肪、糖和水果的菜肴。按照传统，它是在蒸汽浴中烹制的，然后让它浸泡一段时间（取决于配方——从几个小时到几天）。</p>
                <blockquote class="quote-block">在英语文学中经常提到布丁。阿加莎·克里斯蒂称她为圣诞布丁历险记系列故事。哈利波特书中的英雄们经常大吃布丁，狄更斯的远大前程和散文圣诞歌、夏洛蒂勃朗特的简爱尔和卡罗尔的爱丽丝梦游仙境中也提到了他。</blockquote>
                <p>梅子布丁或梅子布丁（梅花李子）在英格兰、爱尔兰、澳大利亚和苏格兰特别受欢迎。第一个李子布丁是在 18 世纪准备的。他可以在一个农民的桌子上看到，在外国代表团访问期间也可以在王宫里看到。</p>
                <img class="mw-100" src="./assets/images/content/720x720/image-1.jpg" alt="">
                <h4>布丁总是很好</h4>
                <p>大多数情况下，火焰布丁是在圣诞节前完成的。他们在假期前几天开始煮它，这样它就被适当地注入，结果真的很香。家庭的每个成员都应该参与它的创作，至少一次防止布丁。同时，在做饭的时候，一定要许一个愿望——英国人相信它一定会实现。</p>
                <p>此外，猜测火焰布丁是一种习惯。布丁的混合物中加入了各种物体 - 符号：象征未来婚姻的戒指，象征一年的纽扣，象征长途旅行的鸡骨头，或预示金融繁荣的硬币。</p>
                <p>上桌前，布丁会浸入某种酒精饮料，最常见的是白兰地，或者用热干邑白兰地进行加热。它还供应甜奶油冻或奶油和水果。</p>
                <p>20世纪初，布丁成为英国的非官方象征。在皇家节日期间，必须使用大英帝国种植的产品制成的布丁。</p>
              </div>
              <div class="entity-footer">
                <div class="separator-line mb-3"></div>
                <div class="entity-action-icons">
                  <div class="entity-actions-title">Share:</div>
                  <a class="content-link" href="#">
                    <i class="fab fa-facebook-f" aria-hidden="true"></i>
                  </a>
                  <a class="content-link" href="#">
                    <i class="fab fa-twitter" aria-hidden="true"></i>
                  </a>
                  <a class="content-link" href="#">
                    <i class="fab fa-google-plus-g" aria-hidden="true"></i>
                  </a>
                  <a class="content-link" href="#">
                    <i class="fab fa-pinterest" aria-hidden="true"></i>
                  </a>
                  <a class="content-link" href="#">
                    <i class="fab fa-instagram" aria-hidden="true"></i>
                  </a>
                </div>
              </div>
            </div>
            <div class="section-block">
              <div class="section-head container left">
                <div class="section-head-content">
                  <h2 class="section-title">Comments</h2></div>
              </div>
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-1.jpg" alt=""></div>
                    <h5 class="mb-2 entity-title">Lie Stone</h5>
                    <div class="entity-date">
                      <span class="text-theme">
                        <i class="fas fa-calendar-alt"></i>
                      </span>&nbsp;&nbsp;&nbsp;07.08.2018, 14:33</div>
                  </div>
                  <p class="entity-text">我老冲浪人了，这些程序员上班摸鱼在这家店买水果被我逮到了，虽然很好吃，但是我可以把他们奖金扣了拿来自己买哦吼吼吼吼</p>
                  <div class="entity-footer">
                    <div class="entity-actions">
                      <a href="#">
                        <i class="fas fa-reply"></i>&nbsp;&nbsp;reply</a>
                      <a href="#">
                        <i class="fas fa-quote-left"></i>&nbsp;&nbsp;quote</a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="entity-items">
                <div class="entity-block entity-hover-shadow">
                  <div class="pb-4 entity-content">
                    <div class="side-image entity-header">
                      <div class="entity-image">
                        <img class="mw-100" src="./assets/images/content/100x100/people-3.jpg" alt=""></div>
                      <h5 class="mb-2 entity-title">Gabriel Norris</h5>
                      <div class="entity-date">
                        <span class="text-theme">
                          <i class="fas fa-calendar-alt"></i>
                        </span>&nbsp;&nbsp;&nbsp;09.08.2018, 11:27</div>
                    </div>
                    <p class="entity-text">我已经在这个网站上浏览了30个小时啦，下单百遍其义自现，这很好的缓解了我秃头又单身的悲痛啊哈哈哈哈哈</p>
                    <div class="entity-footer">
                      <div class="entity-actions">
                        <a href="#">
                          <i class="fas fa-reply"></i>&nbsp;&nbsp;reply</a>
                        <a href="#">
                          <i class="fas fa-quote-left"></i>&nbsp;&nbsp;quote</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="entity-block entity-hover-shadow">
                <div class="pb-4 entity-content">
                  <div class="side-image entity-header">
                    <div class="entity-image">
                      <img class="mw-100" src="./assets/images/content/100x100/people-2.jpg" alt=""></div>
                    <h5 class="mb-2 entity-title">Keith Cox</h5>
                    <div class="entity-date">
                      <span class="text-theme">
                        <i class="fas fa-calendar-alt"></i>
                      </span>&nbsp;&nbsp;&nbsp;11.10.2018, 07:23</div>
                  </div>
                  <p class="entity-text">第一次吃到这样的东西，感觉灵魂都收到了升华，太好吃辣，我直接重获新生，晚上做梦都睡不着了简直是>_<</p>
                  <div class="entity-footer">
                    <div class="entity-actions">
                      <a href="#">
                        <i class="fas fa-reply"></i>&nbsp;&nbsp;reply</a>
                      <a href="#">
                        <i class="fas fa-quote-left"></i>&nbsp;&nbsp;quote</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="section-block">
              <div class="section-head container left">
                <div class="section-head-content">
                  <h2 class="section-title">Add Comment</h2></div>
              </div>
              <form autocomplete="off">
                <div class="row grid">
                  <div class="col-12 col-sm-6">
                    <div class="input-view-flat input-gray-shadow form-group">
                      <label class="required">Your Name</label>
                      <div class="input-group">
                        <input class="form-control" name="name" type="text" placeholder="Name" required="required"></div>
                    </div>
                  </div>
                  <div class="col-12 col-sm-6">
                    <div class="input-view-flat input-gray-shadow form-group">
                      <label class="required">Your Email</label>
                      <div class="input-group">
                        <input class="form-control" name="email" type="email" placeholder="Email" required="required"></div>
                    </div>
                  </div>
                  <div class="col-12">
                    <div class="input-view-flat input-gray-shadow form-group">
                      <label class="required">Your Message</label>
                      <div class="input-group">
                        <textarea class="form-control" name="message" placeholder="Message"></textarea>
                      </div>
                    </div>
                  </div>
                  <div class="col-12">
                    <button class="btn-wide mb-0 btn btn-theme" type="submit">add comments</button></div>
                </div>
              </form>
            </div>
          </section>
        </div>
        <div class="sidebar section order-lg-last">
          <section class="section-sidebar">
            <div class="section-head">
              <h3 class="section-title h4">
                <span>Recent posts</span></h3>
            </div>
            <div class="grid row">
              <div class="col-md-6 col-lg-12">
                <article class="entity">
                  <div class="grid-sm row">
                    <div class="col-sm-5">
                      <a class="entity-preview-show-up entity-preview" href="article-sidebar-right.html">
                        <span class="embed-responsive embed-responsive-6by4">
                          <img class="embed-responsive-item" src="./assets/images/content/720x480/berries-beverage-chilled-1282274.jpg" alt=""></span>
                        <span class="with-back entity-preview-content">
                          <span class="h3 m-auto text-theme text-center">
                            <i class="fas fa-search"></i>
                          </span>
                          <span class="overflow-back bg-body-back opacity-70"></span>
                        </span>
                      </a>
                    </div>
                    <div class="col">
                      <h4 class="h5 mb-2 entity-title">
                        <a class="content-link" href="article-sidebar-right.html">Health Benefits of a Raw Food</a></h4>
                      <div class="entity-date">15 jul 2020</div></div>
                  </div>
                </article>
              </div>
              <div class="col-md-6 col-lg-12">
                <article class="entity">
                  <div class="grid-sm row">
                    <div class="col-sm-5">
                      <a class="entity-preview-show-up entity-preview" href="article-sidebar-right.html">
                        <span class="embed-responsive embed-responsive-6by4">
                          <img class="embed-responsive-item" src="./assets/images/content/720x480/bananas-carrots-cherries-2645371.jpg" alt=""></span>
                        <span class="with-back entity-preview-content">
                          <span class="h3 m-auto text-theme text-center">
                            <i class="fas fa-search"></i>
                          </span>
                          <span class="overflow-back bg-body-back opacity-70"></span>
                        </span>
                      </a>
                    </div>
                    <div class="col">
                      <h4 class="h5 mb-2 entity-title">
                        <a class="content-link" href="article-sidebar-right.html">All About Pudding</a></h4>
                      <div class="entity-date">5 mar 2020</div></div>
                  </div>
                </article>
              </div>
              <div class="col-md-6 col-lg-12">
                <article class="entity">
                  <div class="grid-sm row">
                    <div class="col-sm-5">
                      <a class="entity-preview-show-up entity-preview" href="article-sidebar-right.html">
                        <span class="embed-responsive embed-responsive-6by4">
                          <img class="embed-responsive-item" src="./assets/images/content/720x480/food-plate.jpg" alt=""></span>
                        <span class="with-back entity-preview-content">
                          <span class="h3 m-auto text-theme text-center">
                            <i class="fas fa-search"></i>
                          </span>
                          <span class="overflow-back bg-body-back opacity-70"></span>
                        </span>
                      </a>
                    </div>
                    <div class="col">
                      <h4 class="h5 mb-2 entity-title">
                        <a class="content-link" href="article-sidebar-right.html">How to Start a Food Blog: Step by Step</a></h4>
                      <div class="entity-date">22 may 2019</div></div>
                  </div>
                </article>
              </div>
              <div class="col-md-6 col-lg-12">
                <article class="entity">
                  <div class="grid-sm row">
                    <div class="col-sm-5">
                      <a class="entity-preview-show-up entity-preview" href="article-sidebar-right.html">
                        <span class="embed-responsive embed-responsive-6by4">
                          <img class="embed-responsive-item" src="./assets/images/content/720x480/casserole-dish-2776735.jpg" alt=""></span>
                        <span class="with-back entity-preview-content">
                          <span class="h3 m-auto text-theme text-center">
                            <i class="fas fa-search"></i>
                          </span>
                          <span class="overflow-back bg-body-back opacity-70"></span>
                        </span>
                      </a>
                    </div>
                    <div class="col">
                      <h4 class="h5 mb-2 entity-title">
                        <a class="content-link" href="article-sidebar-right.html">Start your organic journey</a></h4>
                      <div class="entity-date">13 may 2019</div></div>
                  </div>
                </article>
              </div>
            </div>
          </section>
          <section class="section-sidebar">
            <div class="section-head">
              <h3 class="section-title h4">
                <span>Categories</span></h3>
            </div>
            <ul class="list-unstyled">
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">
                    <i class="fas fa-apple-alt"></i>
                  </span>
                  <span class="record-title">article</span>
                  <span class="record-value">10</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">
                    <i class="fas fa-apple-alt"></i>
                  </span>
                  <span class="record-title">action</span>
                  <span class="record-value">5</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">
                    <i class="fas fa-apple-alt"></i>
                  </span>
                  <span class="record-title">adventure</span>
                  <span class="record-value">3</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">
                    <i class="fas fa-apple-alt"></i>
                  </span>
                  <span class="record-title">news</span>
                  <span class="record-value">27</span></a>
              </li>
            </ul>
          </section>
          <section class="section-sidebar">
            <div class="section-head">
              <h3 class="section-title h4">
                <span>Tags</span></h3>
            </div>
            <ul class="list-inline-flex">
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">article</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">food</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">health</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">fruit</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">vegetables</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">fresh</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">juice</span></a>
              </li>
              <li>
                <a class="record-line" href="#">
                  <span class="record-icon">#</span>
                  <span class="record-title">store</span></a>
              </li>
            </ul>
          </section>
          <section class="section-sidebar">
            <a class="entity-inline-block" href="#">
              <span class="entity-preview">
                <img class="mw-100" src="./assets/images/content/x/sidebar-banner.png" alt=""></span>
            </a>
          </section>
          <section class="section-sidebar">
            <div class="section-head">
              <h3 class="section-title h4">
                <span>Instagram</span></h3>
            </div>
            <div class="grid-sm row">
              <div class="col-md-6 col-xl-4">
                <a class="entity-block" href="#">
                  <span class="entity-preview-show-up entity-preview">
                    <span class="embed-responsive embed-responsive-1by1">
                      <img class="embed-responsive-item" src="./assets/images/content/720x720/image-1.jpg" alt=""></span>
                    <span class="with-back entity-preview-content">
                      <span class="overflow-back bg-body-back opacity-70"></span>
                      <span class="m-auto h1 text-theme text-center">
                        <i class="fab fa-instagram"></i>
                      </span>
                    </span>
                  </span>
                </a>
              </div>
              <div class="col-md-6 col-xl-4">
                <a class="entity-block" href="#">
                  <span class="entity-preview-show-up entity-preview">
                    <span class="embed-responsive embed-responsive-1by1">
                      <img class="embed-responsive-item" src="./assets/images/content/720x720/image-2.jpg" alt=""></span>
                    <span class="with-back entity-preview-content">
                      <span class="overflow-back bg-body-back opacity-70"></span>
                      <span class="m-auto h1 text-theme text-center">
                        <i class="fab fa-instagram"></i>
                      </span>
                    </span>
                  </span>
                </a>
              </div>
              <div class="col-md-6 col-xl-4">
                <a class="entity-block" href="#">
                  <span class="entity-preview-show-up entity-preview">
                    <span class="embed-responsive embed-responsive-1by1">
                      <img class="embed-responsive-item" src="./assets/images/content/720x720/image-3.jpg" alt=""></span>
                    <span class="with-back entity-preview-content">
                      <span class="overflow-back bg-body-back opacity-70"></span>
                      <span class="m-auto h1 text-theme text-center">
                        <i class="fab fa-instagram"></i>
                      </span>
                    </span>
                  </span>
                </a>
              </div>
              <div class="col-md-6 col-xl-4">
                <a class="entity-block" href="#">
                  <span class="entity-preview-show-up entity-preview">
                    <span class="embed-responsive embed-responsive-1by1">
                      <img class="embed-responsive-item" src="./assets/images/content/720x720/image-4.jpg" alt=""></span>
                    <span class="with-back entity-preview-content">
                      <span class="overflow-back bg-body-back opacity-70"></span>
                      <span class="m-auto h1 text-theme text-center">
                        <i class="fab fa-instagram"></i>
                      </span>
                    </span>
                  </span>
                </a>
              </div>
              <div class="col-md-6 col-xl-4">
                <a class="entity-block" href="#">
                  <span class="entity-preview-show-up entity-preview">
                    <span class="embed-responsive embed-responsive-1by1">
                      <img class="embed-responsive-item" src="./assets/images/content/720x720/image-5.jpg" alt=""></span>
                    <span class="with-back entity-preview-content">
                      <span class="overflow-back bg-body-back opacity-70"></span>
                      <span class="m-auto h1 text-theme text-center">
                        <i class="fab fa-instagram"></i>
                      </span>
                    </span>
                  </span>
                </a>
              </div>
              <div class="col-md-6 col-xl-4">
                <a class="entity-block" href="#">
                  <span class="entity-preview-show-up entity-preview">
                    <span class="embed-responsive embed-responsive-1by1">
                      <img class="embed-responsive-item" src="./assets/images/content/720x720/image-6.jpg" alt=""></span>
                    <span class="with-back entity-preview-content">
                      <span class="overflow-back bg-body-back opacity-70"></span>
                      <span class="m-auto h1 text-theme text-center">
                        <i class="fab fa-instagram"></i>
                      </span>
                    </span>
                  </span>
                </a>
              </div>
            </div>
          </section>
        </div>
      </div>
    </div>
    <div class="scroll-top">
      <i class="fas fa-long-arrow-alt-up"></i>
    </div>
    <footer class="white-curve-before curve-before-80 page-footer footer-view-links section-white-text">
      <div class="overflow-back bg-vegetables-pattern-white opacity-3"></div>

    </footer>
    <script src="./assets/jquery/jquery-3.3.1.min.js"></script>
    <script src="./assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="./assets/shuffle/shuffle.min.js"></script>
    <script src="./assets/waypoints/jquery.waypoints.min.js"></script>
    <script src="./assets/slick/slick.min.js"></script>
    <script src="./assets/js-cookie/js.cookie.js" type="text/javascript"></script>
    <script src="./assets/js/gmap/silver.js"></script>
    <script src="./assets/js/script.js"></script>
    <script async defer="defer" src="https://ditu.google.cn/maps/api/js?key=AIzaSyBDBAbNXaCDOzujLCykXUvTylfbL1wUcaM&callback=initMap"></script>
  </body>

</html>